<!--
  Generated template for the Settings page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-title>Settings</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
<ion-list>
  <ion-list-header>
      User Info
  </ion-list-header>
  <ion-item-group>
    <ion-item>
      <ion-avatar item-left>
        <img src="assets/img/avatar-ts-woody.png">
      </ion-avatar>
      <h2>Finn</h2>
      <h3>Don't Know What To Do!</h3>
    </ion-item>
  </ion-item-group>

  <ion-list-header>
      Notifications
  </ion-list-header>
  <ion-item-group>
    <ion-item>
      <ion-toggle color="secondary" [(ngModel)]="storyNotify"></ion-toggle>
      <ion-label>
        Story Notify
      </ion-label>
    </ion-item>
    <ion-item>
      <ion-toggle color="secondary" [(ngModel)]="mbNotify"></ion-toggle>
      <ion-label>
        MessageBoard Notify
      </ion-label>
    </ion-item>
    <ion-item>
      <ion-toggle color="secondary" [(ngModel)]="photoNotify"></ion-toggle>
      <ion-label>
        Photo Notify
      </ion-label>
    </ion-item>
  </ion-item-group>

</ion-list>

  <button ion-button color="danger" block>Log Out</button>
</ion-content>
